<template>
  <router-view ></router-view>
</template>

<script setup lang="ts">
import { defineComponent, watch, provide, ref, onMounted } from 'vue'
import { useRouter, useRoute, onBeforeRouteUpdate } from 'vue-router'
import router from './routers'
const routerPath = useRoute().path
const isCollapse = ref<boolean>(false)
const defaultActive = ref<string>('')
const defaultOpened = ref<string[]>([])
provide('isCollapse', isCollapse)
provide('defaultActive', defaultActive)
provide('defaultOpened', defaultOpened)

</script>

<style lang='less' scoped>
@import url('./style/flex.css');
*, body{
  padding: 0;
  margin: 0;
}
.flex{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  .right{
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    height: 100vh;
    background: #f2f2f2;
    .content{
      flex: 1;
      margin: 10px;
      padding: 10px;
      overflow-y: scroll;
      background: #fff;
    }
  }
}
</style>
